<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>普通资产信息</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="layui/layui.all.js"></script>
	</head>

	<body>
		<div style="margin:10px 10px;">
			<div class="layui-elem-quote">
				<span class="layui-breadcrumb">
				<a href="">首页</a>
				<a href=""><span class="layui-icon layui-icon-cols"></span>资产信息管理</a>
				<a href="javascript:fincalrecord();"><span class="layui-icon layui-icon-reply-fill"></span><cite>普通资产信息</cite></a>
				</span>
			</div>

			<div>

				<form class="layui-form">
					<div class="layui-inline">
						<label class="layui-form-label" style="margin: auto 20px;">资产分类：</label>
						<div class="layui-input-inline" style="width: 120px;">
							<select name="">
								<option value="">全部</option>
								<option value="">办公设备</option>
								<option value="">办公耗材</option>
								<option value="">家具</option>
							</select>
						</div>
						<div class="layui-input-inline" style="width: 120px;">
							<select name="">
								<option value="">全部</option>
								<option value="">水笔（黑）</option>
								<option value="">打印纸</option>
								<option value="">硒鼓</option>
								<option value="">记事本</option>
							</select>
						</div>
					</div>

					<div class="layui-inline">
						<label class="layui-form-label">资产名称</label>
						<div class="layui-input-inline" style="width:120px;">
							<input type="text" id="" class="layui-input" />
						</div>
					</div>

					<div class="layui-inline">
						<label class="layui-form-label">资产编号</label>
						<div class="layui-input-inline" style="width:120px;">
							<input type="text" id="" class="layui-input" />
						</div>
					</div>

					<div class="layui-inline">
						<label class="layui-form-label" style="width:100px;">包装类型：</label>
						<div class="layui-input-inline" style="width:150px;">
							<select name="">
								<option value="">全部</option>
								<option value="">桶</option>
								<option value="">瓶</option>
								<option value="">箱</option>
								<option value="">袋</option>
								<option value="">盒</option>
								<option value="">罐</option>
								<option value="">散装</option>
								<option value="">套</option>
								<option value="">台</option>
							</select>
						</div>
					</div>
				</form>
			</div>
			<br>
			<div>
				<form class="layui-form">
					<div class="layui-inline">
						<label class="layui-form-label" style="width:112px;">供货商信息：</label>
						<div class="layui-input-inline">
							<input type="text" class="layui-input" />
						</div>
					</div>

					<div class="layui-inline">
						<label class="layui-form-label">耗材：</label>
						<div class="layui-input-inline">
							<input type="checkbox" title="否">
						</div>
					</div>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<a href="" class="layui-btn layui-btn-success">
								<span class="layui-icon layui-icon-search"></span>检索search
							</a>
						</div>
					</div>

				</form>
			</div>
			<br>
			<div style="margin:auto 40px;">
				<form class="layui-form">
					<div class="layui-inline">
						<a href="" class="layui-btn layui-btn-success">
							<span class="layui-icon layui-icon-addition"></span>新增资产 Add
						</a>
						<a href="" class="layui-btn layui-btn-normal">
							<span class="layui-icon layui-icon-app"></span>资产入库 Instock
						</a>
						<a href="" class="layui-btn layui-btn-warm">
							<span class="layui-icon layui-icon-auz"></span>编辑资产 Edit
						</a>

					</div>
				</form>
			</div>

			<script src="../layui/layui.all.js"></script>
			<script>
				layui.use(['element', 'form', 'laypage', 'table'], function() {
					var element = layui.element;
					var page = layui.laypage;
					var form = layui.form;
					var table = layui.table;
					table.render({
						elem: '#demo1',
						height: 309,
						width: 1175,
						url: 'tableJson/MoneyManage.json',
						page: true, //开启分页	
						limit: 5,
						limits: [5, 10, 15, 20, 25, 30],
						loading: false,
						done: function(res, curr, count) {
							$("table").css("width", "90%");
						},
						cols: [
							[ //表头
								{
									field: 'no',
									width: 50,
									sort: true,
									fixed: 'left'
								},
								{
									field: 'id',
									title: '资产编号',
									width: 180,
									sort: true,
									fixed: 'left'
								}, {
									field: 'showvalue',
									title: '资产名称',
									width: 180,
								}, {
									field: 'class',
									title: '品牌',
									width: 180,
									sort: true
								}, {
									field: 'desc',
									title: '型号',
									width: 180,
								},
								{
									field: 'business',
									title: '供货商',
									width: 180
								}, {
									field: 'status',
									title: '库存记录',
									width: 216,
									height: 30,
									templet: "#buttonTp1"
								}

							]
						]
					});

				});
			</script>

			<div class="layui-row">
				<table id="demo1" lay-filter="test"></table>
			</div>
			<script type="text/html" id="buttonTp1">
				<a class="layui-btn layui-bg-blue layui-btn-xs" lay-event="detail"><span class="layui-icon layui-icon-date"> </span>记录</a>
			</script>
			<div align="right">
				<div id="page"> </div>
			</div>
		</div>
	</body>

</html>